<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // < !--输入输出 -->
        数字不用引号, 其他的都要引号
        js读取顺序是从上到下读取
        // < !--输入 -->
        // < !--弹窗内容 -->
        alert('显示内容')
        // < !--输入框!!!!重点!!!! -- >
        prompt('请输入密码')
        // < !--确认 取消键-- >
        confirm('确定要删除吗')

        // < !--输出 -->
        // < !--body内容 -->
        document.write('body的内容')
        // < !--控制台内容!!!!重点!!!! -- >
        console.log('控制台显示的内容')




        // < !--变量写法 -->
        // < !--第一种 -->
        let nub1
        nub1 = 1
        console.log(nub1)
        // < !--第二种 -->
        let nub2 = 2
        console.log(nub2)
        // < !--连写 -->
        let nub3 = 3, nub4 = 4, nub5 = 5
        console.log(nub3, nub4, nub5)




        // < !--注意事项 -->
        // < !--变量名 -->
        1.只能由 下划线 英文 数字 $ 组成, 不能以数字开头
        2.不能用关键字, 如 let log 等
        3.严格区分大小写, 如 Abc 和 abc是两个变量
        建议: 有意义的起名, 驼峰命名, 第二个词首字母大写




        // < !--变量交换 -->
        1.建立一个临时中转变量 并将nub1放入临时变量
        2.将nub2放入nub1中
        3.将临时变量中的数据放入nub2中





        // < !--变量计算 -->
        let nub1 = 10, nub2 = 5, nub3 = 3
        console.log(nub1 + nub2)
        console.log(nub1 - nub2)
        console.log(nub1 * nub2)
        console.log(nub1 / nub2)
        console.log(nub1 % nub3)//取模 取余数
        有括号先算括号
        console.log((nub1 + nub2) / nub3)






            // < !--数据类型 -->
            (typeof nu1) 判断数据类型
        共分四种数据类型
        1.数字类型
        2.字符串类型
        3.未定义
        4.布尔型

        1.number 数字类型 不带引号的数值
        let nub1 = 1
        2.string 字符串类型 带引号的内容
        let nub2 = '1'
        3.undefined 未定义 未定义此变量的内容
        let nub3
        4.boolean 布尔型, 判断真假
        let nub4 = true / false



        // < !--字符串拼接 -->两种方法
        第一种
        console.log('我叫' + name + ', 今年' + nianling + '岁')

        第二种 模板拼接, 更提倡用这种方法
        console.log(`我叫${变量名},今年${变量名}岁`)
        内容用``括住, 变量用${ } 括起来




        // < !--数据类型转换 -->
        两种方法
        // 第一种 显式转换
        // 数字转字符串
        1.console.log(变量名.toString())
        console.log(nub4.toString())
        2.let nub1 = new String(nub2)
        console.log(nub1)
        // 字符串转数字
        数字以外不能转换
        三种方法
        Number()
        原样转换为数字
        console.log(Number(nub1), Number(nub2));
        parseInt()
        去除小数部分
        console.log(parseInt(nub1), parseInt(nub2))
        parseFloat()
        保留小数转换
        console.log(parseFloat(nub1), parseFloat(nub2));

        // 第二种 隐式转换  
        //字符串转数字
        let nub10 = +prompt('请输入数字')
        let nub20 = +prompt('请输入数字')
        在prompt前加 + 号, 意为正号, 会自动将字符串转为数字, 计算也可以直接将字符串转为数字然后计算
        console.log(nub10 - nub20)
        let nub11 = prompt('请输入数字')
        let nub22 = prompt('请输入数字')
        let nub33 = nub11 - nub22
    </script>


</body>

</html>